<%@ page import="entity.Product_Pic_Info" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
    <!--[if IE 6]>
    <script src="js/iepng.js" type="text/javascript"></script>
    <script type="text/javascript">
        EvPNG.fix('div, ul, img, li, input, a');
    </script>
    <![endif]-->

    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/menu.js"></script>

    <script type="text/javascript" src="js/lrscroll_1.js"></script>


    <script type="text/javascript" src="js/n_nav.js"></script>

    <link rel="stylesheet" type="text/css" href="css/ShopShow.css"/>
    <link rel="stylesheet" type="text/css" href="css/MagicZoom.css"/>
    <script type="text/javascript" src="js/MagicZoom.js"></script>

    <script type="text/javascript" src="js/num.js">
        var jq = jQuery.noConflict();
    </script>

    <%--    <script type="text/javascript" src="js/p_tab.js"></script>--%>

    <script type="text/javascript" src="js/shade.js"></script>

    <title>商品详情</title>
</head>
<body>

<!--Begin Header Begin-->
<div class="soubg">
    <div class="sou">
        <!--Begin 所在收货地区 Begin-->
        <span class="s_city_b">
        	<span class="fl">送货至：</span>
            <span class="s_city">
            	<span>四川</span>
                <div class="s_city_bg">
                	<div class="s_city_t"></div>
                    <div class="s_city_c">
                    	<h2>请选择所在的收货地区</h2>
                        <table border="0" class="c_tab" style="width:235px; margin-top:10px;" cellspacing="0"
                               cellpadding="0">
                          <tr>
                            <th>A</th>
                            <td class="c_h"><span>安徽</span><span>澳门</span></td>
                          </tr>
                          <tr>
                            <th>B</th>
                            <td class="c_h"><span>北京</span></td>
                          </tr>
                          <tr>
                            <th>C</th>
                            <td class="c_h"><span>重庆</span></td>
                          </tr>
                          <tr>
                            <th>F</th>
                            <td class="c_h"><span>福建</span></td>
                          </tr>
                          <tr>
                            <th>G</th>
                            <td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
                          </tr>
                          <tr>
                            <th>H</th>
                            <td class="c_h"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
                          </tr>
                          <tr>
                            <th>J</th>
                            <td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
                          </tr>
                          <tr>
                            <th>L</th>
                            <td class="c_h"><span>辽宁</span></td>
                          </tr>
                          <tr>
                            <th>N</th>
                            <td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
                          </tr>
                          <tr>
                            <th>Q</th>
                            <td class="c_h"><span>青海</span></td>
                          </tr>
                          <tr>
                            <th>S</th>
                            <td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span class="c_check">四川</span><span>陕西</span></td>
                          </tr>
                          <tr>
                            <th>T</th>
                            <td class="c_h"><span>台湾</span><span>天津</span></td>
                          </tr>
                          <tr>
                            <th>X</th>
                            <td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
                          </tr>
                          <tr>
                            <th>Y</th>
                            <td class="c_h"><span>云南</span></td>
                          </tr>
                          <tr>
                            <th>Z</th>
                            <td class="c_h"><span>浙江</span></td>
                          </tr>
                        </table>
                    </div>
                </div>
            </span>
        </span>
        <!--End 所在收货地区 End-->
        <span class="fr">

            <c:if test="${not empty requestScope.user}">
                <span class="fl">你好，${requestScope.user.username}</a>
                    </c:if>

        	<c:if test="${empty requestScope.user}">
                <span class="fl">你好，请<a href="Login.jsp">登录</a>&nbsp; <a href="Regist.html"
                                                                          style="color:#ff4e00;">免费注册</a>
                    </c:if>


                &nbsp;|&nbsp;<a
                            href="#">我的订单</a>&nbsp;|</span>
        	<span class="ss">
            	<div class="ss_list">
                	<a href="#">收藏夹</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a href="#">我的收藏夹</a></li>
                                <li><a href="#">我的收藏夹</a></li>
                            </ul>
                        </div>
                    </div>     
                </div>
                <div class="ss_list">
                	<a href="#">客户服务</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a href="#">客户服务</a></li>
                                <li><a href="#">客户服务</a></li>
                                <li><a href="#">客户服务</a></li>
                            </ul>
                        </div>
                    </div>    
                </div>
                <div class="ss_list">
                	<a href="#">网站导航</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a href="#">网站导航</a></li>
                                <li><a href="#">网站导航</a></li>
                            </ul>
                        </div>
                    </div>    
                </div>
            </span>
            <span class="fl">|&nbsp;关注我们：</span>
            <span class="s_sh"><a href="#" class="sh1">新浪</a><a href="#" class="sh2">微信</a></span>
            <span class="fr">|&nbsp;<a href="#">手机版&nbsp;<img src="images/s_tel.png" align="absmiddle"/></a></span>
        </span>
    </div>
</div>
<div class="top">
    <div class="logo"><a href="Index.html"><img src="images/logo.png"/></a></div>
    <div class="search">
        <form>
            <input type="text" value="" class="s_ipt"/>
            <input type="submit" value="搜索" class="s_btn"/>
        </form>
        <span class="fl"><a href="#">咖啡</a><a href="#">iphone 6S</a><a href="#">新鲜美食</a><a href="#">蛋糕</a><a href="#">日用品</a><a
                href="#">连衣裙</a></span>
    </div>
    <div class="i_car">
        <div class="car_t">购物车 [ <span>3</span> ]</div>
        <div class="car_bg">
            <!--Begin 购物车未登录 Begin-->
            <div class="un_login">还未登录！<a href="Login.html" style="color:#ff4e00;">马上登录</a> 查看购物车！</div>
            <!--End 购物车未登录 End-->
            <!--Begin 购物车已登录 Begin-->
            <ul class="cars">
                <li>
                    <div class="img"><a href="#"><img src="images/car1.jpg" width="58" height="58"/></a></div>
                    <div class="name"><a href="#">法颂浪漫梦境50ML 香水女士持久清新淡香 送2ML小样3只</a></div>
                    <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                </li>
                <li>
                    <div class="img"><a href="#"><img src="images/car2.jpg" width="58" height="58"/></a></div>
                    <div class="name"><a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a></div>
                    <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                </li>
                <li>
                    <div class="img"><a href="#"><img src="images/car2.jpg" width="58" height="58"/></a></div>
                    <div class="name"><a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a></div>
                    <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                </li>
            </ul>
            <div class="price_sum">共计&nbsp; <font color="#ff4e00">￥</font><span>1058</span></div>
            <div class="price_a"><a href="${pageContext.request.contextPath}/IntoCartServlet">去购物车结算</a></div>
            <!--End 购物车已登录 End-->
        </div>
    </div>
</div>
<!--End Header End-->
<!--Begin Menu Begin-->
<div class="menu_bg">
    <div class="menu">
        <!--Begin 商品分类详情 Begin-->
        <div class="nav">
            <div class="nav_t">全部商品分类</div>
            <div class="leftNav none">
                <ul>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="images/nav1.png"/></span>
                            <span class="fl">进口食品、生鲜</span>
                        </div>
                        <div class="zj">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="images/nav2.png"/></span>
                            <span class="fl">食品、饮料、酒</span>
                        </div>
                        <div class="zj" style="top:-40px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力2</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="images/nav3.png"/></span>
                            <span class="fl">母婴、玩具、童装</span>
                        </div>
                        <div class="zj" style="top:-80px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力3</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="images/nav4.png"/></span>
                            <span class="fl">家居、家庭清洁、纸品</span>
                        </div>
                        <div class="zj" style="top:-120px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力4</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="images/nav5.png"/></span>
                            <span class="fl">美妆、个人护理、洗护</span>
                        </div>
                        <div class="zj" style="top:-160px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力5</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="images/nav6.png"/></span>
                            <span class="fl">女装、内衣、中老年</span>
                        </div>
                        <div class="zj" style="top:-200px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力6</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="images/nav7.png"/></span>
                            <span class="fl">鞋靴、箱包、腕表配饰</span>
                        </div>
                        <div class="zj" style="top:-240px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力7</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="images/nav8.png"/></span>
                            <span class="fl">男装、运动</span>
                        </div>
                        <div class="zj" style="top:-280px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力8</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="images/nav9.png"/></span>
                            <span class="fl">手机、小家电、电脑</span>
                        </div>
                        <div class="zj" style="top:-320px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力9</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="images/nav10.png"/></span>
                            <span class="fl">礼品、充值</span>
                        </div>
                        <div class="zj" style="top:-360px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力10</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="images/n_img1.jpg" width="236" height="200"/></a>
                                <a href="#"><img src="images/n_img2.jpg" width="236" height="200"/></a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--End 商品分类详情 End-->
        <ul class="menu_r">
            <li><a href="Index.html">首页</a></li>
            <li><a href="Food.html">美食</a></li>
            <li><a href="Fresh.html">生鲜</a></li>
            <li><a href="HomeDecoration.html">家居</a></li>
            <li><a href="SuitDress.html">女装</a></li>
            <li><a href="MakeUp.html">美妆</a></li>
            <li><a href="Digital.html">数码</a></li>
            <li><a href="GroupBuying.html">团购</a></li>
        </ul>
        <div class="m_ad">中秋送好礼！</div>
    </div>
</div>
<!--End Menu End-->
<div class="i_bg">
    <div class="postion">
        <span class="fl">全部 > 一级分类 > 二级分类 > 三级分类 > ${requestScope.productInfo.product_name}</span>
    </div>
    <div class="content">

        <div id="tsShopContainer">

            <div id="tsImgS">
                <a href="${requestScope.productInfo.product_pic_infos[0].pic_url}" title="Images" class="MagicZoom"
                   id="MagicZoom">
                    <img src="${requestScope.productInfo.product_pic_infos[0].pic_url}" width="390" height="390"/>
                </a>
            </div>
            <div id="tsPicContainer">
                <div id="tsImgSArrL" onclick="tsScrollArrLeft()"></div>
                <div id="tsImgSCon">
                    <ul>
                        <c:forEach items="${requestScope.productInfo.product_pic_infos}" var="item" varStatus="status">
                            <c:if test="${item.is_master==1}">
                                <li onclick="showPic(`${status.index}`)" rel="MagicZoom"
                                        <c:if test="${status.index==0}"> class="tsSelectImg"</c:if>      >
                                    <img src="${item.pic_url}" tsImgS="${item.pic_url}" width="79" height="79" alt=""/>
                                </li>
                            </c:if>

                        </c:forEach>
                    </ul>
                </div>
                <div id="tsImgSArrR" onclick="tsScrollArrRight()"></div>
            </div>
            <%--            <img class="MagicZoomLoading" width="16" height="16" src="images/loading.gif" alt="Loading..."/>--%>
        </div>

        <div class="pro_des">
            <div class="des_name">
                <p>${requestScope.productInfo.product_name}</p>
                ${requestScope.productInfo.descript}
            </div>
            <div class="des_price">
                本店价格：<b>￥${requestScope.productInfo.price}</b><br/>
                消费积分：<span>${requestScope.modelInfo.score}R</span>
                <%--                消费积分：<span>${requestScope.productInfo.price*0.1}R</span>--%>
            </div>
            <div class="des_choice">
                <span class="fl">型号选择：</span>

                <ul>
                    <c:forEach items="${requestScope.productInfo.warehouse_products}" var="item" varStatus="status">
                        <li
                                <c:if test="${item.current_cnt <= 0 }">style="cursor:help;opacity: 0.3"
                                onclick="alert('库存不足')"</c:if>
                                <c:if test="${item.current_cnt > 0 }">onclick="switch_model(${item.model_id})"</c:if>

                                <c:if test="${requestScope.modelInfo.model_id == item.model_id}">class="checked"</c:if>  >${item.model_name}
                            <div class="ch_img"></div>
                        </li>

                    </c:forEach>
                </ul>
            </div>
            <%-- <div class="des_choice">
                 <span class="fl">颜色选择：</span>
                 <ul>
                     <li onclick="switch_color()">红色
                         <div class="ch_img"></div>
                     </li>
                     <li class="checked">白色
                         <div class="ch_img"></div>
                     </li>
                     <li>黑色
                         <div class="ch_img"></div>
                     </li>
                 </ul>
             </div>--%>
            <div class="des_share">
                <%--<div class="d_sh">
                    分享
                    <div class="d_sh_bg">
                        <a href="#"><img src="images/sh_1.gif"/></a>
                        <a href="#"><img src="images/sh_2.gif"/></a>
                        <a href="#"><img src="images/sh_3.gif"/></a>
                        <a href="#"><img src="images/sh_4.gif"/></a>
                        <a href="#"><img src="images/sh_5.gif"/></a>
                    </div>
                </div>
                <div class="d_care"><a onclick="ShowDiv('MyDiv','fade')">关注商品</a></div>--%>
            </div>
            <div class="des_join">
                <div class="j_nums">
                    <input type="text" value="1" name="" id="n_ipt" class="n_ipt"/>
                    <input type="button" value="" onclick="addUpdate(jq(this));" class="n_btn_1"/>
                    <input type="button" value="" onclick="jianUpdate(jq(this));" class="n_btn_2"/>
                </div>
                <span class="fl"><a onclick="ShowDiv_1('MyDiv1','fade1')"><img src="images/j_car.png"/></a></span>
            </div>
        </div>

        <div class="s_brand">
            <div class="s_brand_img"><img src="images/sbrand.jpg" width="188" height="132"/></div>
            <div class="s_brand_c"><a href="#">进入品牌专区</a></div>
        </div>


    </div>
    <div class="content mar_20">
        <div class="l_history">
            <div class="fav_t">用户还喜欢</div>
            <ul>
                <c:forEach items="${requestScope.anotherLikeProducts}" var="item" varStatus="status">
                    <li>
                        <c:if test="${empty item.product_Pic_Info}">
                            <div class="img"><a
                                    href="${pageContext.request.contextPath}/ProductServlet?product_id=${item.product_id}<c:if test="${not empty item.warehouseProduct}">&model_id=${item.warehouseProduct.model_id}</c:if>"><img
                                    src="" alt="没有图片的商品" width="185" height="162"/></a></div>
                        </c:if>

                        <c:if test="${not empty item.product_Pic_Info}">
                            <div class="img"><a
                                    href="${pageContext.request.contextPath}/ProductServlet?product_id=${item.product_id}<c:if test="${not empty item.warehouseProduct}">&model_id=${item.warehouseProduct.model_id}</c:if>"><img
                                    src="${item.product_Pic_Info.pic_url}" alt="" width="185" height="162"/></a></div>
                        </c:if>

                        <div class="name"><a
                                href="${pageContext.request.contextPath}/ProductServlet?product_id=${item.product_id}<c:if test="${not empty item.warehouseProduct}">&model_id=${item.warehouseProduct.model_id}</c:if>">${item.product_name}</a>
                        </div>
                        <div class="price">
                            <font>￥<span>${item.price}</span></font> &nbsp;
                            <c:if test="${not empty item.warehouseProduct}">
                                ${item.warehouseProduct.model_name}
                            </c:if>
                        </div>
                    </li>
                </c:forEach>
            </ul>
        </div>
        <div class="l_list">
            <div class="des_border">
                <div class="des_tit">
                    <ul>
                        <li class="current">推荐搭配</li>
                    </ul>
                </div>


                <c:forEach items="${requestScope.recommendProducts}" var="item" varStatus="status">
                    <div class="team_list">
                        <input type="hidden" name="product_id" value="${item.product_id}">
                        <input type="hidden" name="model_id" value="${item.warehouseProduct.model_id}">
                        <div class="img"><a href="#"><img src="${item.product_Pic_Info.pic_url}" width="160"
                                                          height="140"/></a></div>
                        <div class="name"><a href="#">${item.product_name}</a></div>
                        <div class="price">
                            <div class="checkbox"><input type="checkbox" name="zuhe" checked="checked"/></div>
                            <font>￥<span>${item.price}</span></font> &nbsp; ${item.warehouseProduct.score}R
                        </div>
                    </div>

                    <c:if test="${not status.last}">
                        <div class="team_icon"><img src="images/jia_b.gif"/></div>
                    </c:if>

                </c:forEach>

                <c:if test="${not empty requestScope.recommendProducts}">
                    <div class="team_icon"><img src="images/equl.gif"/></div>

                    <div class="team_sum">
                        套餐价：￥<span>?</span><br/>
                        <input type="text" value="1" class="sum_ipt"/><br/>
                        <a onclick="multiShowDiv_1('MyDiv1','fade1')"><img src="images/z_buy.gif"/></a>
                    </div>
                </c:if>

            </div>
            <div class="des_border">
                <div class="des_tit">
                    <ul>
                        <li class="current"><a href="#p_attribute">商品属性</a></li>
                        <li><a href="#p_details">商品详情</a></li>
                        <li><a href="#p_comment">商品评论</a></li>
                    </ul>
                </div>
                <div class="des_con" id="p_attribute">

                    <table border="0" align="center" style="width:100%; font-family:'宋体'; margin:10px auto;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td>商品名称：${requestScope.productInfo.product_name}</td>
                            <td>商品编号：${requestScope.productInfo.product_id}</td>
                            <td>品牌： ${requestScope.brand.brand_name}</td>
                            <td>上架时间：${requestScope.formatDate}</td>
                        </tr>
                        <tr>
                            <td>商品毛重：${requestScope.productInfo.weight}g</td>
                            <td>商品产地：法国</td>
                            <%--                            <td>香调：果香调香型：淡香水/香露EDT</td>--%>
                            <td>&nbsp;</td>
                        </tr>
                        <%--<tr>
                            <td>容量：1ml-15ml</td>
                            <td>类型：女士香水，Q版香水，组合套装</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>--%>
                    </table>
                </div>
            </div>

            <div class="des_border" id="p_details">
                <div class="des_t">商品详情</div>
                <div class="des_con">


                    <table border="0" align="center" style="width:745px; font-size:14px; font-family:'宋体';"
                           cellspacing="0" cellpadding="0">
                        <tr>

                            <td width="265"><img src="${requestScope.productInfo.product_pic_infos[0].pic_url}"
                                                 width="206"
                            /></td>
                            <td>
                                <b>${requestScope.productInfo.product_name}</b><br/>
                                【商品规格】：${requestScope.modelInfo.model_name}<br/>
                                <%--【商品质地】：液体<br/>
                                【商品日期】：与专柜同步更新<br/>--%>
                                <%--                                【商品产地】：法国<br/>--%>
                                <%--                                【商品包装】：无外盒 无塑封<br/>--%>
                                <%--                                【商品香调】：花束花香调<br/>--%>
                                <%--                                【适用人群】：适合女性（都市白领，性感，有女人味的成熟女性）<br/>--%>
                            </td>
                        </tr>
                    </table>

                    <%--<p align="center">
                        <img src="images/de2.jpg" width="746" height="425"/><br/><br/>
                        <img src="images/de3.jpg" width="750" height="417"/><br/><br/>
                        <img src="images/de4.jpg" width="750" height="409"/><br/><br/>
                        <img src="images/de5.jpg" width="750" height="409"/>
                    </p>--%>
                    <p align="center">
                        <c:forEach items="${requestScope.productInfo.product_pic_infos}" var="item" varStatus="status">

                            <c:if test="${status.index!=0}">

                                <img src="${item.pic_url}"/><br/><br/>


                            </c:if>


                        </c:forEach>
                    </p>
                </div>
            </div>

            <div class="des_border" id="p_comment">
                <div class="des_t">商品评论</div>

                <%-- <table border="0" class="jud_tab" cellspacing="0" cellpadding="0">
                     <tr>
                         <td width="175" class="jud_per">
                             <p>80.0%</p>好评度
                         </td>
                         <td width="300">
                             <table border="0" style="width:100%;" cellspacing="0" cellpadding="0">
                                 <tr>
                                     <td width="90">好评<font color="#999999">（80%）</font></td>
                                     <td><img src="images/pl.gif" align="absmiddle"/></td>
                                 </tr>
                                 <tr>
                                     <td>中评<font color="#999999">（20%）</font></td>
                                     <td><img src="images/pl.gif" align="absmiddle"/></td>
                                 </tr>
                                 <tr>
                                     <td>差评<font color="#999999">（0%）</font></td>
                                     <td><img src="images/pl.gif" align="absmiddle"/></td>
                                 </tr>
                             </table>
                         </td>
                         <td width="185" class="jud_bg">
                             购买过${requestScope.productInfo.product_name}${requestScope.modelInfo.model_name}的顾客，在收到商品才可以对该商品发表评论
                         </td>
                         <td class="jud_bg">您可对已购买商品进行评价<br/><a href="#"><img src="images/btn_jud.gif"/></a></td>
                     </tr>
                 </table>--%>


                <table border="0" id="comment_list" class="jud_list" style="width:100%; margin-top:30px;"
                       cellspacing="0" cellpadding="0">

                </table>


                <div id="pages" class="pages">

                </div>

            </div>


        </div>
    </div>


    <!--Begin 弹出层-收藏成功 Begin-->
    <div id="fade" class="black_overlay"></div>
    <div id="MyDiv" class="white_content">
        <div class="white_d">
            <div class="notice_t">
                <span class="fr" style="margin-top:10px; cursor:pointer;" onclick="CloseDiv('MyDiv','fade')"><img
                        src="images/close.gif"/></span>
            </div>
            <div class="notice_c">

                <table border="0" align="center" cellspacing="0" cellpadding="0">
                    <tr valign="top">
                        <td width="40"><img src="images/suc.png"/></td>
                        <td>
                            <span style="color:#3e3e3e; font-size:18px; font-weight:bold;">您已成功收藏该商品</span><br/>
                            <a href="#">查看我的关注 >></a>
                        </td>
                    </tr>
                    <tr height="50" valign="bottom">
                        <td>&nbsp;</td>
                        <td><a href="#" class="b_sure">确定</a></td>
                    </tr>
                </table>

            </div>
        </div>
    </div>
    <!--End 弹出层-收藏成功 End-->


    <!--Begin 弹出层-加入购物车 Begin-->
    <div id="fade1" class="black_overlay"></div>
    <div id="MyDiv1" class="white_content">
        <div class="white_d">
            <div class="notice_t">
                <span class="fr" style="margin-top:10px; cursor:pointer;" onclick="CloseDiv_1('MyDiv1','fade1')"><img
                        src="images/close.gif"/></span>
            </div>
            <div class="notice_c">

                <table border="0" align="center" cellspacing="0" cellpadding="0">
                    <tr valign="top">
                        <td width="40"><img src="images/suc.png"/></td>
                        <td>
                            <span style="color:#3e3e3e; font-size:18px; font-weight:bold;">宝贝已成功添加到购物车</span><br/>
                            购物车共有1种宝贝（3件） &nbsp; &nbsp; 合计：11230元
                        </td>
                    </tr>
                    <tr height="50" valign="bottom">
                        <td>&nbsp;</td>
                        <td><a href="${pageContext.request.contextPath}/IntoCartServlet" class="b_sure">去购物车结算</a><a
                                onclick="CloseDiv_1('MyDiv1','fade1')"
                                class="b_buy">继续购物</a></td>
                    </tr>
                </table>

            </div>
        </div>
    </div>
    <!--End 弹出层-加入购物车 End-->


    <!--Begin Footer Begin -->
    <div class="b_btm_bg bg_color">
        <div class="b_btm">
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                   cellspacing="0" cellpadding="0">
                <tr>
                    <td width="72"><img src="images/b1.png" width="62" height="62"/></td>
                    <td><h2>正品保障</h2>正品行货 放心购买</td>
                </tr>
            </table>
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                   cellspacing="0" cellpadding="0">
                <tr>
                    <td width="72"><img src="images/b2.png" width="62" height="62"/></td>
                    <td><h2>满38包邮</h2>满38包邮 免运费</td>
                </tr>
            </table>
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                   cellspacing="0" cellpadding="0">
                <tr>
                    <td width="72"><img src="images/b3.png" width="62" height="62"/></td>
                    <td><h2>天天低价</h2>天天低价 畅选无忧</td>
                </tr>
            </table>
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                   cellspacing="0" cellpadding="0">
                <tr>
                    <td width="72"><img src="images/b4.png" width="62" height="62"/></td>
                    <td><h2>准时送达</h2>收货时间由你做主</td>
                </tr>
            </table>
        </div>
    </div>
    <div class="b_nav">
        <dl>
            <dt><a href="#">新手上路</a></dt>
            <dd><a href="#">售后流程</a></dd>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">订购方式</a></dd>
            <dd><a href="#">隐私声明</a></dd>
            <dd><a href="#">推荐分享说明</a></dd>
        </dl>

        <dl>
            <dt><a href="#">配送与支付</a></dt>
            <dd><a href="#">货到付款区域</a></dd>
            <dd><a href="#">配送支付查询</a></dd>
            <dd><a href="#">支付方式说明</a></dd>
        </dl>

        <dl>
            <dt><a href="#">会员中心</a></dt>
            <dd><a href="#">资金管理</a></dd>
            <dd><a href="#">我的收藏</a></dd>
            <dd><a href="#">我的订单</a></dd>
        </dl>

        <dl>
            <dt><a href="#">服务保证</a></dt>
            <dd><a href="#">退换货原则</a></dd>
            <dd><a href="#">售后服务保证</a></dd>
            <dd><a href="#">产品质量保证</a></dd>
        </dl>

        <dl>
            <dt><a href="#">联系我们</a></dt>
            <dd><a href="#">网站故障报告</a></dd>
            <dd><a href="#">购物咨询</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
        </dl>

        <div class="b_tel_bg">
            <a href="#" class="b_sh1">新浪微博</a>
            <a href="#" class="b_sh2">腾讯微博</a>
            <p>服务热线：<br/><span>400-123-4567</span></p>
        </div>

        <div class="b_er">
            <div class="b_er_c"><img src="images/er.gif" width="118" height="118"/></div>
            <img src="images/ss.png"/>
        </div>

    </div>
    <div class="btmbg">
        <div class="btm">
            备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 ,
            Technical Support: Dgg Group <br/>
            <img src="images/b_1.gif" width="98" height="33"/><img src="images/b_2.gif" width="98" height="33"/><img
                src="images/b_3.gif" width="98" height="33"/><img src="images/b_4.gif" width="98" height="33"/><img
                src="images/b_5.gif" width="98" height="33"/><img src="images/b_6.gif" width="98" height="33"/>
        </div>
    </div>
    <!--End Footer End -->
</div>


<script>
    let current_cnt;
    let pageNo = 1;
    let pageTotal = 1;
    let comment_list = document.getElementById("comment_list");
    let pages = document.getElementById("pages");
    onload = function () {
        current_cnt = "${requestScope.modelInfo.current_cnt}";
        switchCommentPage(pageNo);
        switchRecommend();
        document.getElementById("n_ipt").addEventListener("change",function () {
            if(this.value > current_cnt){
                this.value = current_cnt;
            }
            if(this.value <=1){
                this.value = 1;
            }
        })
    };

    function switchRecommend() {
        let team_lists = document.querySelectorAll(".team_list");
        let team_sum = document.querySelector(".team_sum");
        let sum_ipt = document.querySelector(".sum_ipt");
        let sumPrice = 0;
        team_lists.forEach(ele => {
            let checkbox = ele.querySelector(".checkbox input");
            checkbox.addEventListener("click", switchRecommend);
            sum_ipt.addEventListener("change", switchRecommend);
            if (checkbox.checked) {
                sumPrice += parseFloat(ele.querySelector(".price span").innerHTML);
            }
        });
        if(team_sum){
            team_sum.querySelector("span").innerText = parseInt(sum_ipt.value) * sumPrice;
        }

    }


    function switchCommentPage(currentNo) {

        if (currentNo < 1) {
            pageNo = 1;
        } else if (currentNo > pageTotal) {
            pageNo = pageTotal;
        } else {
            pageNo = currentNo;
        }

        if (!pageNo) {
            pageNo = 1;
        }

        fetch("${pageContext.request.contextPath}/ProductCommentServlet?pageNo=" + pageNo + "&product_id=${requestScope.productInfo.product_id}").then(res => res.json()).then(res => {

            pageTotal = res.pageUtil.pageTotal;
            comment_list.innerHTML = "";
            pages.innerHTML = "";
            let switchButtons = `<a onclick="switchCommentPage(1)" class="p_pre">首页</a><a onclick="switchCommentPage(pageNo-1)" class="p_pre">上一页</a>`;

            for (let i = 1; i <= res.pageUtil.pageTotal; i++) {

                for (let j = 1; j <= 2; j++) {
                    if (pageNo - j === i) {
                        if (pageNo === i) {
                            switchButtons += `<a onclick="switchCommentPage(` + i + `)" class="cur">` + i + `</a>`;
                        } else {
                            switchButtons += `<a onclick="switchCommentPage(` + i + `)">` + i + `</a>`;
                        }
                    }
                }

                if (i === pageNo) {
                    switchButtons += `<a onclick="switchCommentPage(` + i + `)" class="cur">` + i + `</a>`;
                }

                for (let j = 1; j <= 2; j++) {
                    if (pageNo + j === i) {
                        if (pageNo === i) {
                            switchButtons += `<a onclick="switchCommentPage(` + i + `)" class="cur">` + i + `</a>`;
                        } else {
                            switchButtons += `<a onclick="switchCommentPage(` + i + `)">` + i + `</a>`;
                        }
                    }
                }

            }

            switchButtons += `<a onclick="switchCommentPage(pageNo+1)" class="p_pre">下一页</a><a onclick="switchCommentPage(` + pageTotal + `)" class="p_pre">尾页</a>`;

            pages.insertAdjacentHTML("beforeend", switchButtons);
            res.comments.forEach(ele => {
                let date = new Date(ele.audit_time);
                if (!ele.warehouse_product) {
                    comment_list.insertAdjacentHTML("beforeend", `<tr valign="top">
                 <td width="160"><img src="images/peo1.jpg" width="20" height="20" align="absmiddle" />&nbsp;` + ele.user_inf.username + `</td>
             <td width="180">
                 颜色分类：<font color="#999999">` + ele.product_info.color_type + `</font> <br/>
                 型号：<font color="#999999">无</font>
             </td>
             <td>
             ` + ele.content + ` <br />
             <font color="#999999">` + date.getFullYear() + `-` + (date.getMonth() + 1) + `-` + (date.getDate() + 1) + `</font>
             </td>
             </tr>`)
                } else {
                    comment_list.insertAdjacentHTML("beforeend", `<tr valign="top">
                 <td width="160"><img src="images/peo1.jpg" width="20" height="20" align="absmiddle" />&nbsp;` + ele.user_inf.username + `</td>
             <td width="180">
                 颜色分类：<font color="#999999">` + ele.product_info.color_type + `</font> <br/>
                 型号：<font color="#999999">` + ele.warehouse_product.model_name + `</font>
             </td>
             <td>
             ` + ele.content + ` <br />
             <font color="#999999">` + date.getFullYear() + `-` + (date.getMonth() + 1) + `-` + (date.getDate() + 1) + `</font>
             </td>
             </tr>`)
                }
            })
        })
    }


    function switch_model(model_id) {
        window.location.href = "${pageContext.request.contextPath}/ProductServlet?product_id=${requestScope.productInfo.product_id}&model_id=" + model_id;
    }

    function addUpdate(jia) {
        var c = jia.parent().find(".n_ipt").val();
        c = parseInt(c) + 1;
        if (c >${requestScope.modelInfo.current_cnt}) {
            alert("没有更多的库存");
            return;
        }

        jia.parent().find(".n_ipt").val(c);
    }

    function jianUpdate(jian) {
        var c = jian.parent().find(".n_ipt").val();
        if (c == 1) {
            c = 1;
        } else {
            c = parseInt(c) - 1;
            jian.parent().find(".n_ipt").val(c);
        }
    }

    //批量添加购物车
    function multiShowDiv_1(show_div, bg_div) {

        let team_lists = document.querySelectorAll(".team_list");
        let sum_ipt = document.querySelector(".sum_ipt");
        let flag = 0;
        team_lists.forEach(ele => {
            let checkbox = ele.querySelector(".checkbox input");
            let product_id = ele.querySelector("input[name=product_id]");
            let model_id = ele.querySelector("input[name=model_id]");

            if (checkbox.checked) {
                let formData = new FormData();
                formData.append("product_id", product_id.value);
                formData.append("product_amount", sum_ipt.value);
                formData.append("model_id", model_id.value);

                fetch("${pageContext.request.contextPath}/ShoppingCartServlet", {
                    method: "POST",
                    body: formData
                }).then(result => result.json()).then(result => {

                    if (result.status === true) {
                        flag += 1;
                    }
                    if(flag === team_lists.length){
                        window.location.href = "/IntoCartServlet"
                    }

                    window.location.href  = result.redirectUrl;
                })
            }
        });
    }

    //添加购物车
    function ShowDiv_1(show_div, bg_div) {

        let value = document.getElementById("n_ipt").value;
        if (value > current_cnt) {
            window.location.reload();
            // alert("库存不足");

            return;
        }

        let formData = new FormData();

        formData.append("product_id", "${requestScope.productInfo.product_id}");
        formData.append("product_amount", value);
        formData.append("model_id", "${requestScope.modelInfo.model_id}");

        fetch("${pageContext.request.contextPath}/ShoppingCartServlet", {
            method: "POST",
            body: formData
        }).then(result => result.json()).then(result => {
            if(result.redirectUrl){
                window.location.href = result.redirectUrl;
            }
            if (result.status === true) {
                current_cnt -= value;
                fetch("${pageContext.request.contextPath}/ShoppingCartServlet").then(res => res.json()).then(res => {
                    let productCount = 0;
                    let totalCount = 0;
                    let totalPrice = 0;
                    res.orderCarts.forEach(ele => {
                        productCount += 1;
                        totalCount += parseInt(ele.product_amount);
                        totalPrice += parseInt(ele.price) * parseFloat(ele.product_amount);
                    });

                    let element = document.querySelector("#MyDiv1 .notice_c tr:first-of-type td:last-of-type");

                    element.innerHTML = "";

                    element.insertAdjacentHTML("beforeend", `<span style="color:#3e3e3e; font-size:18px; font-weight:bold;">宝贝已成功添加到购物车</span><br/>
                            购物车共有` + productCount + `种宝贝（` + totalCount + `件） &nbsp; &nbsp; 合计：` + totalPrice + `元`)

                    document.getElementById(show_div).style.display = 'block';
                    document.getElementById(bg_div).style.display = 'block';
                    var bgdiv = document.getElementById(bg_div);
                    bgdiv.style.width = document.body.scrollWidth;
                    // bgdiv.style.height = $(document).height();
                    $("#" + bg_div).height($(document).height());

                })
            } else {
                //添加失败
            }
        })

    }



</script>
</body>


<script src="js/ShopShow.js"></script>

<!--[if IE 6]>
<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
<![endif]-->
</html>
